import React from 'react'
// import http from '../../utils/http'
import styles from './index.module.css'
import { NavBar, Card, Radio, Stepper } from 'antd-mobile'
import { ProductCard, SubmitBar } from 'react-vant'
import { useNavigate } from 'react-router-dom'
function Index() {
  const List = JSON.parse(localStorage.getItem('list') || '[]')
  console.log(List);

  const navigate = useNavigate()
  return (
    <div>
      <NavBar onBack={() => navigate(-1)}>购票页</NavBar>
      <div>
        <div className={styles.date_wroe}>
          <div className={styles.date1_wroe}>
            <span>5</span>
            <span>9月</span>
          </div>
          <div className={styles.date1_wroe}>
            <span>6</span>
            <span>9月</span>
          </div>
          <div className={styles.date1_wroe}>
            <span>7</span>
            <span>9月</span>
          </div>
          <div className={styles.date1_wroe}>
            <span>8</span>
            <span>9月</span>
          </div>
          <div className={styles.date2_wroe}>
            <span>9</span>
            <span>9月</span>
          </div>
          <div className={styles.date1_wroe}>
            <span>10</span>
            <span>9月</span>
          </div>
          <div className={styles.date1_wroe}>
            <span>11</span>
            <span>9月</span>
          </div>
          <div className={styles.date1_wroe}>
            <span>12</span>
            <span>9月</span>
          </div>
        </div>
        <div className={styles.tick_wroe}>
          <div>
            <h2>选择您的票</h2>
          </div>
          <div>
            <div>
                  <ProductCard
                    num={<div>￥{List.price}</div>}
                    price={<div>10张余额</div>}
                    title={List.title}
                    thumb={List.image}
                  />
            </div>
          </div>
        </div>
      </div>
    </div >
  )
}

export default Index
